<!-- ------------------------------------------------------------------------- -->
<!-- ------------------------------------------------------------------------- -->
<!-- ---------------------- 流调管理--确诊病例管理 ---------------------------- -->
<!-- ------------------------------------------------------------------------- -->
<!-- ------------------------------编辑的tag---------------------------------- -->





<template>
  <div class="box">
    <div class="banner-box">
      <div class="crumbs-box">
        <div class="crumbs">信息登记 / 确诊病例登记 / 编辑确诊患病例</div>
      </div>
      <!-- tag -->
      <div class="tag-box">
        <div class="tag" @click="EditBasicInformation">基本信息</div>
        <div class="tag" @click="EditorialOnsetVisits">发病就诊情况</div>
        <div class="tag" @click="RiskFactors">危险因素与暴露史</div>
        <div class="tag" @click="Epidemic">流行病学调查</div>
        <div class="tag" @click="CloseContact">密切接触者</div>
        <div class="tag" @click="Sampling">采样及检测情况</div>
        <div class="tag" @click="SourceOfInfection">感染来源分析</div>
      </div>
    </div>
    <router-view></router-view>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import { useRouter } from "vue-router";



export default defineComponent({
  name: "ConfirmedCasesEdit ",
  setup(){
    const router = useRouter()
    // 路由跳转基本信息
    const EditBasicInformation = ()=>{
      router.push('/ConfirmedCasesEdit/')
    }
    
    //路由跳转发病就诊情况
    const EditorialOnsetVisits = ()=>{
      router.push('/EditorialOnsetVisits')
    }

    //路由跳转危险因素
    const RiskFactors = ()=>{
      router.push('/RiskFactors')
    }

    //路由跳转流行病学调查
    const Epidemic = ()=>{
      router.push('/Epidemic')
    }

    //路由跳转密切接触者
    const CloseContact = ()=>{
      router.push('/CloseContact')
    }

    //路由跳转采样及检测情况
    const Sampling = ()=>{
      router.push('/Sampling')
    }

    //路由跳转感染来源分析
    const SourceOfInfection=()=>{
      router.push('/SourceOfInfection')
    }


    return  {
      EditBasicInformation,
      EditorialOnsetVisits,
      RiskFactors,
      Epidemic,
      CloseContact,
      Sampling,
      SourceOfInfection
    }
  }
});
</script>

<style scoped>
.crumbs {
  font-size: 15px;
  height: 60px;
  width: 100%;

  display: flex;
  align-items: center;
  padding-left: 10px;
}
.box {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #f5f5f5;
  flex-direction: column;
  align-items: center;
}
.banner-box {
  width: 100%;
}
.crumbs-box {
  width: 100%;
}

/* tag标题 */
.tag-box {
  display: flex;
  height: 40px;
  width: 70%;
}
.tag {
  background-color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: center;
  justify-content: center;
  border-radius: 0 20px 0 0;
  font-size: 15px;
}
.tag:hover {
  cursor: pointer;
}
</style>
